{layout name="public/layout" /}
<!-- 内容主体区域 -->
<div class="site-block">
    <blockquote class="layui-elem-quote">
            <span class="layui-breadcrumb" lay-separator=">">
                <a href="">首页</a>
                <a><cite>其他设置</cite></a>
            </span>
    </blockquote>
    <fieldset class="layui-elem-field">

        <div class="layui-field-box">


                    <div class="layui-tab layui-tab-card">
                        <ul class="layui-tab-title">
                            <li class="layui-this">导航设置</li>
                            <li>第三方管理</li>
                            <li>权限分配</li>
                            <li>商品管理</li>
                            <li>订单管理</li>
                        </ul>
                        <div class="layui-tab-content">

                            <div class="layui-tab-item layui-show">
                                <form class="layui-form layui-form-pane" action="">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">图标分类</label>
                                    <div class="layui-input-inline">
                                        <select name="interest" lay-filter="aihao">
                                            <option value=""></option>
                                            <option value="0">阿里</option>
                                            <option value="1" selected="">bootstartp</option>
                                        </select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择" value="阅读" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit" style=""><dd lay-value="" class="layui-select-tips">请选择</dd><dd lay-value="0" class="">写作</dd><dd lay-value="1" class="layui-this">阅读</dd><dd lay-value="2" class="">游戏</dd><dd lay-value="3" class="">音乐</dd><dd lay-value="4" class="">旅行</dd></dl></div>
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">阿里ICON 默认为 <b style="color: red;">iconfont</b></div>
                                    <div class=""><button class="layui-btn layui-btn-normal ">图标列表</button></div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">图标代码</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="title" required="" lay-verify="required" placeholder="请输入图标代码" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">导航名称</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="title" required="" lay-verify="required" placeholder="请输入导航名称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit="" lay-filter="formDemo">立即提交</button>
                                    </div>
                                </div>
                                </form>
                            </div>
                            <div class="layui-tab-item">2</div>
                            <div class="layui-tab-item">3</div>
                            <div class="layui-tab-item">4</div>
                            <div class="layui-tab-item">5</div>
                            <div class="layui-tab-item">6</div>
                        </div>
                    </div>


        </div>
    </fieldset>
</div>
<script>
    //Demo
    layui.use('element', function(){
        var element = layui.element;

        //…
    });
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>